

.drawerFist{
    padding: 24px;
  
  }
  
  .childDrawer {
    width: 100%;
    height: 100%;
  
    .drawer_top {
      width: 100%;
      height: 128px;
      padding: 24px 12px;
      margin-bottom: 16px;
  
      >div:nth-child(1) {
        display: flex;
        font-size: 14px;
  
        div.onelabel {
          width: 25%;
          height: 40px;
          padding: 0 12px;
          display: flex;
          line-height: 40px;
  
          white-space: nowrap;
  
          >input {
            height: 32px;
          }
        }
  
        div.twolabel {
          line-height: 40px;
          white-space: nowrap;
          width: 25%;
          height: 40px;
          padding: 0 12px;
          display: flex;
  
          >input {
            height: 32px;
          }
        }
      }
  
      >div:nth-child(2) {
        height: 40px;
        display: flex;
        justify-content: flex-end;
  
        >button {
          margin-right: 10px;
        }
      }
    }
  
    .drawer_main {
      width: 100%;
      padding: 24px 12px;
      
      .upload {
        height: 32px;
        margin-bottom: 16px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
      }
  
      .list_box_drawer {
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        cursor: pointer;
        transition: box-shadow .3s, border-color .3s;
        flex-wrap: wrap;
        width: 100%;
        height: 100%;
  
        >.box {
          width: 25%;
          height: 198.14px;
          padding: 0 8px;
          div.inset{
            width: 100%;
            >img {
              width: 100%;
              height: 120px;
              background: #efefef;
            }
    
            >div:nth-child(2) {
              height: 65.14px;
              padding: 24px;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
              border: 1px solid #eee;
            }  
          }
          >div.inset:hover {
            box-shadow: 0 0 10px #000 ;
            cursor: pointer;
            transition: box-shadow .3s, border-color .3s;
          }
          
  
          
        }
        
       
  
      }
  
      .drawerPagination {
        height: 32px;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        :global{           
          .ant-select-selector{
            width: 110px!important;
          }
        }
      }
    }
  }
  
  .footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;  
    button {
      margin-right: 10px;
    }
  }
  